<template>
  <div>
    <h1>富文本框的使用</h1>
    <!-- 渲染时, 因为服务器没有富文本框, 而到了浏览器又出现了, 
    所以警告说 服务器渲染结果和浏览器显示内容不一致,解决：指定在客户端渲染-->
    <client-only>
      <vue-editor v-model="content"></vue-editor>
    </client-only>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: ""
    };
  }
};
</script>

<style>
</style>